<%@page contentType="text/html"%>
<%@page pageEncoding="ISO-8859-1"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<%--  This file is an entry point for JavaServer Faces application. --%>
<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <link rel="stylesheet" type="text/css" href="/edu.upn.sigemfi.can-war/css/style.css" media="all" />
            <title>Pais</title>
        </head>
        <body>
            <h:form>
                <div id="wrap">
                <div id="header">
                    <div id="logo">
                        <img src="../img/logo.png" alt=""/>
                    </div>
                    <div id="auth">
                        <div id="user">
                            <table cellspacing="0" width="100%">
                                <tr>
                                    <td rowspan="2"><img src="../img/user.png" alt=""></td>
                                    <td id="name"colspan="2">Jhosep Jeiner Melendez Varas</td>
                                </tr>
                                <tr>
                                    <td id="place">Zona: Trujillo<br/>Oficina: Principal</td>
                                    <td id="logout"><a href="#" title="Salir">Salir</a></td>
                                </tr>
                            </table>
                        </div>
                        <div id="module">Modulo de Canales</div>
                        <div class="option_menu">CAN</div>
                    </div>
                    <div id="menu">
                        <ul>
                            <li><h:commandLink value="Inicio" action="index"/></li>
                            <li><a href="#" title="">Pais</a></li>
                            <li><a href="#" title="">Ciudad</a></li>
                            <li><a href="#" title="">Banco</a></li>
                            <li><a href="#" title="">Transaccion</a></li>
                            <li><a id="current" href="#" title="">Empresa</a></li>
                            <li><a href="#" title="">Documento</a></li>
                        </ul>
                    </div>
                </div>
                <div id="content">
                    <div id="breadcumbs">
                        <a href="#" title="">Modulo de Canales</a>>>Pagina de Inicio
                    </div>
                    <div id="clase"></div>
                    <div id="right">
                        <h3>Opciones</h3>
                        <ul>
                            <li><a href="#" title=""><img src="../img/reg.png" alt=""/> Modulo de Seguridad</a></li>
                            <li><a href="#" title=""><img src="../img/reg.png" alt=""/> Modulo de Plataforma</a></li>
                            <li><a id="current_opc" href="#" title=""><img src="../img/reg.png" alt=""/> Modulo de Canales</a></li>
                            <li><a href="#" title=""><img src="../img/reg.png" alt=""/> Modulo de Operaciones</a></li>
                            <li><a href="#" title=""><img src="../img/reg.png" alt=""/> Modulo de Recuperaciones</a></li>
                            <li><a href="#" title=""><img src="../img/reg.png" alt=""/> Modulo de Ventanilla</a></li>
                            <li><a href="#" title=""><img src="../img/reg.png" alt=""/> Modulo de Creditos</a></li>
                        </ul>
                    </div>
                    <div id="left">
                        <%-- >>>> INICIO MODULO Seleccionado <<< --%>
                        <div id="clase2">
                            <BR>
                            <rich:panel>
                                <fieldset>
                                    <legend>Mantenimiento: Empresas Clientes</legend>
                                    <div>
                                        <h:commandButton id="btnNuevo" value="Nuevo" action="#{EmpresaClienteController.nuevo}" />
                                    </div>
                                    <t:dataTable id="tblPaises"
                                    value="#{EmpresaClienteController.empresasClientes}"
                                                 var="item">
                                        <h:column>
                                            <f:facet name="header"><h:outputText value="ID"/></f:facet>
                                            <h:outputText value="#{item.idEmpresaCliente}" />
                                        </h:column>
                                        <h:column>
                                            <f:facet name="header"><h:outputText value="RAZON SOCIAL"/></f:facet>
                                            <h:outputText value="#{item.razonSocialEmpresaCliente}" />
                                        </h:column>
                                        <h:column>
                                            <f:facet name="header"><h:outputText value="RUC"/></f:facet>
                                            <h:outputText value="#{item.rucEmpresaCliente}"/>
                                        </h:column>
                                        <h:column>
                                            <f:facet name="header"><h:outputText value="DIRECCION"/></f:facet>
                                            <h:outputText value="#{item.direccionEmpresaCliente}"/>
                                        </h:column>
                                        <h:column>
                                            <f:facet name="header"><h:outputText value="TELEFONO"/></f:facet>
                                            <h:outputText value="#{item.telefonoEmpresaCliente}"/>
                                        </h:column>
                                        <h:column>
                                            <f:facet name="header"><h:outputText value="EMAIL"/></f:facet>
                                            <h:outputText value="#{item.emailEmpresaCliente}"/>
                                        </h:column>
                                        <h:column>
                                            <h:commandLink id="btnEditar"
                                            action="#{EmpresaClienteController.editar}"
                                                           value="Editar">
                                                               <f:setPropertyActionListener target="#{EmpresaClienteController.empresaCliente}" value="#{item}" />
                                            </h:commandLink>
                                        </h:column>
                                        <h:column>
                                            <h:commandLink id="btnEliminar"
                                            action="#{EmpresaClienteController.eliminar}"
                                                           value="Eliminar">
                                                               <f:setPropertyActionListener target="#{EmpresaClienteController.empresaCliente}" value="#{item}" />
                                            </h:commandLink>
                                        </h:column>
                                    </t:dataTable>
                                </fieldset>
                            </rich:panel>
                        </div>
                    </div>
                    <div id="footer">
                        <table width="100%" cellspacing="0">
                            <tr>
                                <td id="footer_text" rowspan="2" width="20%">
                                    Hora Sistema 09:45:00 pm<br/>
                                    Hora Ordenador 09:45:00 pm
                                </td>
                                <td id="footer_effect" valign="top" align="left">
                                    Cuenta Activada por el Usuario
                                </td>
                            </tr>
                            <tr>
                                <td id="footer_down">&nbsp;</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </h:form>
        </body>
    </html>
</f:view>